<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>支付页</title>
    <link rel="stylesheet" th:href="@{/assets/css/styles.css}">
    <link rel="stylesheet" th:href="@{/assets/css/colors.css}">
    <script th:src="@{/assets/js/jquery.min.js}"></script>
    <script th:src="@{/assets/js/popper.min.js}"></script>
    <script th:src="@{/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/assets/js/custom.js}"></script>
    <script th:src="@{/assets/js/daterangepicker.js}"></script>
    <script th:src="@{/assets/js/dropzone.js}"></script>
    <script th:src="@{/assets/js/imagesloaded.js}"></script>
    <script th:src="@{/assets/js/ion.rangeSlider.min.js}"></script>
    <script th:src="@{/assets/js/jquery.magnific-popup.min.js}"></script>
    <script th:src="@{/assets/js/lightbox.js}"></script>
    <script th:src="@{/assets/js/markerclusterer.js}"></script>
    <script th:src="@{/assets/js/moment.min.js}"></script>
    <script th:src="@{/assets/js/morris.min.js}"></script>
    <script th:src="@{/assets/js/raphael.min.js}"></script>
    <script th:src="@{/assets/js/select2.min.js}"></script>
    <script th:src="@{/assets/js/slick.js}"></script>
    <script th:src="@{/assets/js/slider-bg.js}"></script>
    <script th:src="@{/assets/js/script.js}"></script>
    <link rel="stylesheet" th:href="@{/assets/css/colors.css}">
    <link rel="stylesheet" th:href="@{/assets/plugins/bootstrap-fileinput/css/fileinput.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/pay.css}">
</head>
<body>
    <!-- 复用首页头部 -->
    <header th:replace="index::header"></header>
    <!-- 提示框信息 -->
    <div th:replace="point-modal::modal"></div>
    <section class="gray-simple">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="mod-ct">
                        <div class="order" th:text="${order.house.title}"></div>
                        <div class="amount" id="money" th:text="${'￥' + order.totalAmount}"></div>
                        <div style="position: relative; display: inline-block;">
                            <img th:src="@{/assets/img/alipay_qrcode.png}" width="200" height="200" style="display: block;margin: 20px;">
                        </div>
                        <div class="time-item">
                            <h1>支付完成后，将跳转订单列表页面</h1>
                        </div>
                        <div class="tip">
                            <div class="ico-scan-ali"></div>
                            <div class="tip-text">
                                打开支付宝[扫一扫]
                            </div>
                            <div class="tip-text">
                                <input id="orderId" th:value="${order.id}" hidden="hidden">
                                <button onclick="payOrder()" class="btn btn-small btn-success" style="color: #FFFFFF;" title="模拟支付成功">模拟支付成功</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 复用首页底部 -->
    <div th:replace="index::footer"></div>
</body>
</html>